草庐IT

HTML + CSS - 重叠标题图像

全部标签

javascript - 循环 html2canvas

我在尝试在for循环中实现html2canvas脚本时遇到了一些麻烦。我正在编写一个Javascript函数,它使用数据数组来修改一组元素的样式,将容器div捕获为Canvas,将其转换为图像,将其附加到文档主体,然后继续到数组的下一个索引。我遇到麻烦的部分是在循环的最后:html2canvas(document.getElementById("background"),{onrendered:function(canvas){varimgdata=canvas.toDataURL("image/png");varobj=document.createElement("img");ob

javascript - 为什么 ▶ 的 HTML 符号在 document.title 中不起作用

我尝试在设置document.title时使用►但它没有呈现播放符号,只是显示了那些相同的字符。我可以将▶直接粘贴到有效的代码中。我很好奇为什么第一种方法行不通。谢谢! 最佳答案 ►是HTML实体引用,但是document.title不包含HTML;它包含纯文本。例如,如果我设置document.title至Helloworld,它会按字面意思显示,而不是显示Helloworld。这同样适用于任何其他HTML片段,包括实体引用。明确地说,您可以在title中包含实体引用标签。解析页面时将解释它们。然而,document.

javascript - HTML 修改后无法恢复选择,即使是相同的 HTML

我正在尝试存储对contentEditable元素的选择并在以后恢复它。我想观察paste事件并像以前一样存储HTML,清除html,然后在选定位置手动插入粘贴的文本并进行一些更改。看看这个例子:jsfiddle.net/gEhjZ当您选择文本的一部分时,点击store,再次删除选择并点击restore,它按预期工作。但是当您第一次点击store时,然后通过点击overwritehtml将HTML替换为完全相同的HTML,然后尝试restore,没有任何反应。我认为使用.cloneRange()会有所作为,但事实并非如此。即使对象的深拷贝($.extend(true,{},oldRan

javascript - 使 HTML 输入字段仅显示为字段中的文本

我有一个HTML表单,其中包含许多input字段,这些字段使用jQuery在每个字段中动态添加内容。是否可以隐藏这些字段是输入字段的事实,只显示为字段中的内容?我不想隐藏整个字段和它的内容---只是隐藏它是一个输入类型字段这一事实。我试过jQuery的hide()和$('#foo').css('display','none'),但这隐藏了整个字段。想法是可以有大量字段,但我不希望用户看到所有输入文本字段。 最佳答案 从这样的事情开始:input{border:none;outline:none;background-color:tr

javascript - Highcharts 数据标签重叠列

我的图表中的数据标签与列重叠有问题。$('#container').highcharts({chart:{type:'column'},xAxis:{type:'datetime'},series:[{data:[[Date.UTC(2013,3,1,0,0,0),169],[Date.UTC(2013,4,1,0,0,0),176],[Date.UTC(2013,5,1,0,0,0),470],[Date.UTC(2013,6,1,0,0,0),346],[Date.UTC(2013,7,1,0,0,0),252],[Date.UTC(2013,8,1,0,0,0),138]],da

javascript - 如果使用 js 在我的网站上没有图像,如何设置手动默认图像?

如果特定图像在网站上不可用,我想设置手动虚拟图像。另外如何设置该图像是否在服务器上被删除或不可用,在这种情况下我还需要使用JS显示默认图像。 最佳答案 这是跨浏览器的普通JavaScript并且没有任何丑陋的onerror=""标记:varsPathToDefaultImg='http://lorempixel.com/150/100/abstract/2/Placeholder/';varreplaceImageWithPlaceholderIfNotAvail=function(domImg){//sanitizedomImgi

javascript - 在angularjs中将base64图像数据转换为图像文件

在angularjs中将base64文件转换为图像时文件损坏谁能建议我如何在angularjs中将base64文件转换为图像我正在使用这种方法将base64文件转换为图像varimageBase64="imagebase64data";varblob=newBlob([imageBase64],{type:'image/png'});从这个blob,您可以生成文件对象。varfile=newFile([blob],'imageFileName.png'); 最佳答案 首先,将dataURL转换为Blob这样做varblob=data

javascript - Phaser 在预加载后动态加载图像

我正在使用Phaser开发一款游戏。该游戏用无法预装的元素奖励玩家。在Ajax调用之后,我希望加载图像,然后在移相器动画中显示它。有办法做到这一点吗?流程:游戏正在玩游戏完成并进行Ajax调用。Ajax响应使用哪个图像。Phaser加载图像并显示他们赢得的内容。 最佳答案 您可以使用Phaser的加载器通过调用随时加载图像game.load.image('referenceName','assets/pics/file.jpg');然后你可以像下面的那样设置一个事件http://phaser.io/examples/v2/loade

javascript - 使用 webpack、bookmarklet-loader、style 和 css-loader 创建书签

我正在尝试使用bookmarklet-loader创建一个小书签以及样式加载器和css加载器。但是我在将css导入我的小书签时遇到了问题。这是我的webpack.config.js:constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constCleanWebpackPlugin=require('clean-webpack-plugin');module.exports={entry:{index:'./src/index.js',bookmarklet:'./src/book

javascript - 将 HTML 表单字段转换为具有内部对象的 JSON 对象

给定以下HTML表单:Company:FirstName:LastName:在javascript中将此表单序列化为格式为JSON对象的最佳方法是什么:{Company:"ACME,INC.",Contact:{FirstName:"Daffy",LastName:"Duck"}}另请注意,“.”可能不止1个。登录字段名称。 最佳答案 我认为您要做的是:对于每个输入,首先在分隔符(“.”字符)处拆分名称。现在,您有一个名称数组。然后您可以遍历该数组,确保每次遇到新名称段时目标“程序集”对象(和子对象)都有容器。当数组中有1个元素时,